import React, { useEffect, useState } from 'react'
import axios from '../../api/axios';
import { Button, SearchBar, Space, Toast, Card, Tag, NavBar } from 'antd-mobile'
import { IndexBar, List } from 'antd-mobile'
import useLoash from '../../hooks/useLoash';
import { Swiper, Image } from 'react-vant';

import { useNavigate, Outlet } from 'react-router-dom'
import { BellOutline, HeartFill } from 'antd-mobile-icons'
function Index(props) {
    const {item}=props
    return (
        <div>
            <div >
               
                <Image src={item.image} width={280} height={280} ></Image>
                <div >
                    <div >
                        <p>{item.title}</p>
                    </div>
                    <div>
                        <p>￥{item.price}</p>
                    </div>
                </div>
                <div>
                    <p>182 <span>参与者</span></p>
                </div>
            </div>
        </div>
    )
}

export default Index
